/*
--------------------------------------------------
备注: 
网页通用的全局样式
--------------------------------------------------
*/

@import "_varibles.scss";

// 从父元素继承样式
*,
*:before,
*:after {
  box-sizing: inherit;
}

// 所有元素使用 border-box 盒模型
html {
  box-sizing: border-box;
}

body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; // 苹果电脑的默认字体——"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB"；其他是Windows系统支持字体
  font-weight: 400;
  font-size: $font-size-normal;
  color: $black-color;
  -webkit-font-smoothing: antialiased; // 对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服
}

a {
  color: $primary-color;
  text-decoration: none;

  &:active {
    color: $primary-color--light-8;
  }

  &:focus,
  &:hover {
    color: $primary-color--light-8;
  }
}

// 清除轮廓线
button,
input {
  outline: none;
}

// 设置max-width 100%
embed,
iframe,
img,
object,
video {
  max-width: 100%;
}
